<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie no-js" dir="ltr">
<![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" class="no-js">
<!--<![endif]-->
<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=2">

	<title>PressCore | Typography</title>

	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="css/normalize.css" rel="stylesheet" type="text/css">
	<link href="css/wireframe.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/media.css" rel="stylesheet" type="text/css">
	<link href="skins/red/custom.css" rel="stylesheet" type="text/css" id="skin-style">

	<!-- RoyalSlider -->
	<link rel="stylesheet" href="royalslider/royalslider.css">
	<link rel="stylesheet" href="css/plugins.css">
	<link rel="stylesheet" href="js/plugins/pretty-photo/css/prettyPhoto.css" type="text/css"> 

	<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css"> <!-- All skins -->
	<link href="http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic" rel="stylesheet" type="text/css"> <!-- "Retro" skin -->
	<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"> <!-- "Business" skin -->
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css"> <!-- "Green" skin -->
	<link href="http://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet" type="text/css"> <!-- "Organic" skin -->

	<script src="js/modernizr.js"></script>

</head>

<body class="page">
<div id="page" ><!-- class="boxed" -->

	<!-- !Top-bar -->
	<div id="top-bar" role="complementary">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div class="wf-td">

					<div class="mini-contacts wf-float-left">
						<ul>
							<li class="address">10230 Santa Monica BLVD Los Angeles</li>
							<li class="phone">+3 045 224 33 12</li>
							<li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
						</ul>
					</div>

					<!-- <div class="mini-nav wf-float-left">
						<ul>
							<li><a href="#">Support Policy</a></li>
							<li><a href="#">Online Helpdesk</a></li>
							<li><a href="#">ThemeForest Profile</a></li>
						</ul>
					</div> -->

				</div>
				<div class="wf-td">

					<div class="mini-search wf-float-right wf-mobile-hidden">
						<form role="search" method="get" action="#">
							<input type="text" class="field" name="searchquery" placeholder="Search">
							<input type="submit" class="assistive-text" name="submit" value="go">
							<a href="#go" class="submit"></a>
						</form>
					</div>

					<!-- <div class="mini-lang wf-float-right">
						<ul>
							<li><a href="#"><img alt="en" src="images/en.png">English</a></li>
							<li><a href="#"><img alt="sv" src="images/sv.png">Svenska</a></li>
						</ul>
					</div> -->

				</div>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</div><!-- #top-bar -->

	<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
		<div class="wf-wrap">
			<div class="wf-table">

				<!-- !- Branding -->
				<div id="branding" class="wf-td">
					<a href="index-2.html"><img src="skins/red/red.header-logo-regular.png" width="189" height="79" alt="PressCore: multipurpose HTML framework"></a>
					<div id="site-title" class="assistive-text">PressCore</div>
					<div id="site-description" class="assistive-text">multipurpose HTML framework</div>
				</div>

				<!-- !- Navigation -->	
				<nav id="navigation" class="wf-td">
					<ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->
						<li class="has-children">
							<a href="index-2.html">Home</a>
							<ul class="sub-nav">
								<li><a href="index-2.html">Homepage 1</a></li>
								<li><a href="index-3.html">Homepage 2</a></li>
								<li><a href="index-4.html">Homepage 3</a></li>
								<li><a href="index-5.html">Homepage 4</a></li>
								<li><a href="index-6.html">Homepage 5</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="index-2.html">Slideshows</a>
							<ul class="sub-nav">
								<li><a href="slideshow-fullscreen.html">Slideshow fullscreen</a></li>
								<li><a href="slideshow-fixed.html">Slideshow fixed</a></li>
								<li><a href="3D-fullscreen.html">3D gallery fullscreen</a></li>
								<li><a href="3D-fixed.html">3D gallery fixed</a></li>
								<li><a href="metro-slideshow.html">Metro slideshow</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#3">Blog</a>
							<ul class="sub-nav">
								<li><a href="blog-masonry.html">Blog masonry fullwidth</a></li>
								<li><a href="blog-masonry-sidebar.html">Blog masonry with sidebar</a></li>
								<li><a href="blog-standard.html">Blog standard</a></li>
								<li><a href="blog-fancy.html">Blog with fancy header</a></li>
								<li><a href="post.html">Blog post</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Portfolio</a>
							<ul class="sub-nav">
								<li class="has-children">
								<a href="#51">Portfolio masonry</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-masonry.html">Portfolio masonry fullwidth</a></li>
									<li><a href="portfolio-masonry-sidebar.html">Portfolio masonry with sidebar</a></li>
									<li><a href="portfolio-masonry-text-hoovers.html">Portfolio masonry text hoovers</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#52">Portfolio grid</a>
								<ul class="sub-nav">

									<li><a href="portfolio-grid.html">Portfolio grid fullwidth</a></li>
									<li><a href="portfolio-grid-sidebar.html">Portfolio grid with sidebar</a></li>
									<li><a href="portfolio-grid-text-hoovers.html">Portfolio grid text hoovers</a></li>

								</ul>
								</li>

								<li class="has-children">
								<a href="#53">Portfolio standard</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-standard.html">Portfolio standard fullwidth</a></li>
									<li><a href="portfolio-standard-sidebar.html">Portfolio standard with sidebar</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#53">Portfolio checker</a>
								<ul class="sub-nav">

									<li><a href="portfolio-checker.html">Portfolio checker fullwidth</a></li>

									<li><a href="portfolio-checker-sidebar.html">Portfolio checker with sidebar</a></li>

								</ul>
								</li>
								<li><a href="portfolio-fancy.html">Portfolio with fancy header</a></li>
								<li class="has-children">
								<a href="#54">Portfolio posts</a>
								<ul class="sub-nav">

									<li><a href="portfolio-post.html">Portfolio post fullwidth</a></li>
									<li><a href="portfolio-post-sidebar.html">Portfolio post with sidebar</a></li>
								</ul>
								</li>

							</ul>
						</li>
						<li class="has-children">
							<a href="#">Pages</a>
							<ul class="sub-nav">
								<li><a href="team.html">Team</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Elements</a>
							<ul class="sub-nav">
								<li><a href="fancy-header.html">Fancy header</a></li>
								<li class="act"><a href="typography.html">Typography</a></li>
								<li><a href="banners-teasers.html">Banners & Teasers</a></li>
								<li><a href="service-clients.html">Services & Clients</a></li>
								<li><a href="tabbed-content.html">Tabbed content</a></li>
							</ul>
						</li>
					</ul>

					<a href="#show-menu" rel="nofollow" id="mobile-menu">
						<span class="menu-open">MENU</span>
						<span class="menu-close">CLOSE</span>
						<span class="menu-back">back</span>
						<span class="wf-phone-visible">&nbsp;</span>
					</a>
				</nav>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</header><!-- #header -->

	

	<!-- !Main -->
	<div id="main" class="sidebar-none"><!-- class="sidebar-none", class="sidebar-left", class="sidebar-right" -->

		<div class="wf-wrap">
			<div class="wf-container-main">

				<!-- !- Content -->
				<div class="content">
					<h1>Typography</h1>
					<div class="hr-breadcrumbs divider-heder">
						<div class="assistive-text">You are here:</div>
						<ol class="breadcrumbs wf-td text-small">
							<li><a href="#">home</a></li>
							<li><a href="#">elements</a></li>
							<li><a href="#">typography</a></li>
						</ol>
					</div>

					<div class="shortcode-single-image-wrap borderframe lightbox-on alignleft">
						<div class="shortcode-single-image">
							<a rel="prettyPhoto" title="You can add caption to pictures." href="usr/b008.jpg" class="rollover rollover-zoom"><img width="270" height="210" src="usr/images-masonry/bl4.jpg" alt="Red round shape" class=""></a>
						</div>
					</div>
					<p>Nunc ullamcorper tempus lorem vitae auctor. Donec nibh felis, interdum a tempor ut, ultrices a nunc. Nunc pellentesque nunc eget neque pretium varius sit amet sit amet nibh. Vestibulum quam nunc, commodo nec consequat vel, lobortis quis augue. Vivamus turpis quam, pulvinar id venenatis ac, posuere tempus libero. Maecenas eget dui arcu, vel malesuada enim. Etiam et nibh magna. Proin non felis nisl.Donec posuere vehicula vulputate. Quisque id nisl ante, sit amet tincidunt urna. Ut ornare imperdiet turpis, quis lacinia neque molestie quis. Pellentesque a pretium mi. Morbi ligula purus, porta at tristique quis, egestas et purus. Sed nisl massa, malesuada a commodo vitae, placerat sed enim. Pellentesque dolor diam, imperdiet eget sollicitudin sagittis, convallis et nibh.</p> 
					<div class="shortcode-single-image-wrap borderframe br-standard caption-on alignright" style="width: 270px;">
						<div class="shortcode-single-image" style="border-width: 10px;">
							<img width="270" height="390" src="usr/images-masonry/bl7.jpg" alt="al2" class="">
						</div>
						<div class="shortcode-single-caption"><p><em>Lorem ipsum dolor sit amet, nunc ea, velit nisl, lorem lacus, pulvinar ac. Officia ipsum cras ut velito.</em></p></div>
					</div>
					<p> Praesent ipsum sem, ultricies et imperdiet eget, interdum ut ipsum. Curabitur vitae ante est, at ultrices felis. Nulla faucibus hendrerit magna vitae ornare. Vivamus sapien tellus, luctus et vulputate et, gravida ac lacus. Aenean commodo risus auctor risus venenatis semper. Suspendisse urna lectus, fringilla eget blandit in, porttitor vel tortor. Fusce in neque ut nisi condimentum feugiat. Nulla facilisi.Lorem ipsum dolor sit amet, mei vide tollit ad, eum tacimates oportere expetendis cu. No sit cibo antiopam consequuntur, dicat dicta tritani vix te. Audire salutatus per eu, in sed tation scripta convenire, sale nihil ne has. Inani vituperatoribus eos an, sit ea quod tation laoreet, id vel fastidii repudiandae. Debitis albucius accusamus in mea, te assum vituperata necessitatibus vis. Harum facete an mea, eu per perfecto splendide. Vestibulum tincidunt condimentum elit. Quisque sit amet laoreet metus. Aenean dui nisl, egestas ut semper non, posuere vel purus. Donec eu leo felis. Quisque fermentum mi.</p>
					
					 <p>Ut tempor dapibus augue sit amet vestibulum. Vivamus porta varius magna, sit amet aliquam purus convallis nec. Suspendisse facilisis magna sit amet lorem posuere rutrum. Integer dolor sem, cursus eu congue vitae, interdum id lorem. Quisque neque lorem, feugiat in semper vel, condimentum eu eros. Etiam sit amet purus massa. Ut ac massa dolor. Vestibulum mollis, tellus nec mollis aliquet, mauris urna ultricies massa, eget tincidunt urna risus ac sapien. Curabitur consequat lobortis rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus. Vivamus porta varius magna, sit amet aliquam purus convallis nec. Suspendisse facilisis magna sit amet lorem posuere rutrum.</p>


					<div class="gap-30"></div>
					<div class="hr-thick"></div>
					<div class="gap-30"></div>
					<div class="wf-container">
						<div class="wf-cell wf-1-3">
							<h3>Plain list</h3>
							<div class="gap-10"></div>
							<ul class="standard-arrow">
								<li>Persius ceteros moderatius duo alii liber utinam;</li>
								<li>Mei vitae odiopartem persius apeirian;</li>
								<li>Mei esse oporteat moderatius ne persius apeirian;</li>
								<li>Officiis perpetua ut eum, nostrum senserit conclusionemque mei no;</li>
								<li>An nec doming epicurei electram;</li>
								<li>Nec quidam nostrum ex, semper adipiscing;</li>
								<li>Mei esse oporteat acconvallis posuere adipiscin;</li>
								<li>Officiis perpetua clusionemque mei no.</li>
							</ul>
						</div>
					
					
						<div class="wf-cell wf-1-3">
							<h3>Numered list</h3>
							<div class="gap-10"></div>
							<ol class="standard-number-list">
								<li>Persius ceteros moderatius vel alii liber utinam;</li>
								<li>Mei esse oporteat moderatius ne persius apeirian;</li>
								<li>Officiis perpetua clusionemque mei no;</li>
								<li>An nec doming epicurei electram;</li>
								<li>Nec quidmper adipiscing consequuntur;</li>
								<li>Mei esse oporteat moderatius ne persius apeirian acconvallis posuere adipiscin;</li>
								<li>Mei esse oporteat moderatius ne persius apeirian;</li>
								<li>Officiis perpetua clusionemque mei no.</li>
							</ol>
						</div>
					<div class="wf-cell wf-1-3">
					<h3>Progress bars</h3>
					<div class="gap-10"></div>
					<div class="skills">
						<div class="skill-name">Web design</div>
						<div class="skill">
							<div class="skill-value" data-width="95"> <span>95%</span></div>
						</div>

						<div class="skill-name">Coding</div>
						<div class="skill">
							<div class="skill-value" data-width="80"> <span>80%</span></div>
						</div>

						<div class="skill-name">Programming</div>
						<div class="skill">
							<div class="skill-value" data-width="60"> <span>60%</span></div>
						</div>

						<div class="skill-name">Marketing</div>
						<div class="skill">
							<div class="skill-value" data-width="30"> <span>30%</span></div>
						</div>

						<div class="skill-name">Not giving a f*ck</div>
						<div class="skill">
							<div class="skill-value" data-width="10"> <span>10%</span></div>
						</div>
					</div>
					</div>
					</div>

					<div class="gap-30"></div>
					<div class="hr-thick"></div>
					<div class="gap-30"></div>

					<div class="wf-container">
						<div class="wf-cell wf-1-2">
							<h3>Pull quote</h3>
							<div class="gap-10"></div>
							<p>Meque magnis penatibus laoreet vehicula nulla orci a malesuada justo laoreet ipsum, in ac fusce. At sapien neque sollicitudin lacus, dolor semper in laoreet, magnis duis eu consectetur sed tellus, blandit pellentesque consequat interdum odio.</p> <blockquote class="shortcode-pullquote align-left  wf-cell wf-1-2"><em>Leftac mauris, wisi vel nam, sociis velit dolor vitae sem id quam, est vivamus elit mi fringil euismod.</em></blockquote><p>Ut turpis bibendum pulvinar dictum ac wisi libero a, nec sed ac elit. Fringilla penatibus orci est non mollit, suspendisse pulvinar egestas a donec, iaculis aenean, parturient velit elit ac viverra vestibulum, quis et nascetur rutrum nibh molestie fusce. Sapien pede libero. Maecenas lacus sed maecenas.Lectus tincidunt pellentesque augue urna sit sed, arcu sed ante ac montes rutrum nibh molestie. <blockquote class="shortcode-pullquote align-right wf-cell wf-1-2"><em>Right nulla nonummy eget natoque purus wisi, sapien ut sollicitudin sed. At sapien neque sollicitudin lacus, dolor semper in laoreet</em></blockquote> Magnis convallis posuere adipiscing, dapibus suspendisse nonummy pellentesque consequat interdum odio. Suspendisse mi, id suspendisse ac mauris, wisi vel nam, sociis velit dolor vitae sem id quam, est vivamus elit mi fringilla aliquam euismod. Hendrerit justo dolor. Sed euismod malesuada volutpat consectetuer cras, eu placerat felis, facilisi vivamus nec, malesuada cum tellus sed nunc suspendisse pulvinar egestas a donec.</p>
						</div>
						<div class="wf-cell wf-1-2">
							<h3>Block quote</h3>
							<div class="gap-10"></div>
							<p>Bimmo in ac fusce. At sapien neque sollicitudin lacus, dolor semper in laoreet, magnis duis eu consectetur sed tellus, blandit pulvinar dictum acconvallis posuere adipiscing, dapibus suspendisse nonummy pellentesque consequat interdum odio.</p>
							<div class="gap-10"></div>
							<blockquote class="shortcode-blockquote block-style-testim">
								<p><em>In risus mi, ultrices at placerat eu, lacinia ut neque. Nullam bibendum feugiat erat, sit amet interdum est ultricies nec. Curabitur urna tellus, facilisis dictum sed magna. In hac habitasse platea dictumst.</em></p>
							</blockquote>
							<p>Dolor semper in laoreet, magnis duis eu consectetur sed tellus, blandit pulvinar dictum acconvallis posuere adipiscing, dapibus suspendisse nonummy pellentesque consequat interdum odio.</p>
							<div class="gap-10"></div>
							<blockquote class="shortcode-blockquote block-style-widget">
								<p><em>In risus mi, ultrices at placerat eu, lacinia ut neque. Nullam bibendum feugiat erat, sit amet interdum est ultricies nec. Curabitur urna tellus, facilisis at porta tempor, dictum sed magna. In hac habitasse platea dictumst. Vestibulum facilisis nunc interdum risus penatibus laoreet vehicula nulla orci, a malesuada justo laoreet ipsum, in ac fusce.</em></p>
							</blockquote>
						</div>
					</div>
					<div class="gap-30"></div>
					<div class="hr-thick"></div>
					<div class="gap-30"></div>
					<div class="wf-container">
					<div class="wf-cell wf-1-3">
	 					<h1>H1 Heading</h1>
	 					<div class="gap-20"></div>
						<p>Nullam eu risus eget nulla bibendum mollis ut a arcu. Cras tempus congue nisl vel fringilla.</p>
						<div class="gap-20"></div>
						<h2>H2 Heading</h2>
						<div class="gap-10"></div>
						<p>Aenean ornare adipiscing est, eget tempus enim malesuada eget. Nulla nisi lacus, commodo nec viverra.</p>
						<div class="gap-20"></div>
						<h3>H3 Heading</h3>
						<p>Aenean ornare adipiscing est, eget tempae odio. Nullamibendum mollis ras tempus congue nisl vel fringilla.</p>
						<div class="gap-20"></div>
						<h4>H4 Heading</h4><p>do nrisus eget nulla bibendum mollis ut a arcu. Cras tempus congue nisl vel fringilla.</p>
						<div class="gap-20"></div>
						<h5>H5 Heading</h5>
						<p>Aenean ornare adipiscing est, eget tempus enim malesuada eget. Nulla nisi lacusue nisl vel fringilla.</p>
						<div class="gap-20"></div>
						<h6>H6 Heading</h6>
						<p>Aenean ornare adipiscing est, eget tempus enim malesuada eget. Nulla nisi lacus, commodo nec viverra nec.</p>
						<div class="gap-20"></div>
					</div>

					<div class="wf-cell wf-1-3">

						<h3>Tooltips</h3>
						<div class="gap-10"></div>
						<p>Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies. Dignissim, <span class="shortcode-tooltip">ante sit amet imperdiet<span class="tooltip-c"><span class='tooltip-title text-big'>Vestibulum ut lectus neque</span>Ut porta ipsum quis nisi dignissim a egestas velit euismod. Nulla semper arcu et turpis elementum sit amet porta odio hendrerit.</span></span> ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec <span class="shortcode-tooltip">ante sit amet imperdiet<span class="tooltip-c">Proin semper, dolor in gravida vulputate, neque quam viverra augue, nec sagittis sem nibh sed erat. Morbi tellus augue, suscipit malesuada vulputate vel, dapibus sed nisi. Fusce accumsan vestibulum diam sit amet vehicula. Nullam commodo condimentum imperdiet.</span></span> , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec sit amet ipsum velit.</p><p>Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies.
						<div class="gap-30"></div>
						<h3>Dividers</h3>
						<div class="gap-10"></div>
						<p>Quisquet amet imperdiet ultricies tempus enim lorem ipsum lisi lacus, commodo nec viverra nec.</p>
						<div class="gap-10"></div>
						<div class="hr-thick"></div>
						<div class="gap-20"></div>
						<p>Aenean ornare adipiscing est, eget tempus enim malesuada eget. Nulla nisi lacus, commodo nec viverra nec.</p>
						<div class="gap-10"></div>
						<div class="hr-thin"></div>
						<div class="gap-10"></div>
						<p>Nulla semper arcu et turpis elementum sit amet porta odio hendrerit. Aenean ornare adipiscing est, eget tempus enim malesuada eget. Nulla nisi lacus, commodo nec viverra nec.</p>
						<div class="gap-20"></div>
						</div>



					<div class="wf-cell wf-1-3">
						<h3>Buttons</h3>
						<div class="gap-10"></div>
								<p>Quisque dignissim, ante sit amet imperdiet elis enim. Quisquet amet imperdiet ultricies.</p>
								<div class="gap-10"></div>
								<a href="#" class="dt-btn btn-yellow dt-btn-xl">Button name</a>
								<div class="gap-30"></div>	

								<p>Quisque dignissim, ante velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies.</p>		
								<div class="gap-10"></div>
								<a href="#" class="dt-btn btn-red dt-btn-l">Button name</a>
								<div class="gap-30"></div>

								<p>Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante isquet amet imperdiet ultricies.</p>
								<div class="gap-10"></div>
								<a href="#" class="dt-btn btn-dark-green dt-btn-m">Button name</a>
								<div class="gap-30"></div>

								<p>Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim.</p>
								<div class="gap-10"></div>
								<a href="#" class="dt-btn btn-dark-blue dt-btn-s">Button name</a>
								<div class="gap-30"></div>

								<p>Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. </p>
								<div class="gap-10"></div>
								<a href="#" class="more-link details">Link name</a>
								<div class="gap-30"></div>
					</div>
					</div>		
					
				</div><!-- .content -->

			</div><!-- .wf-container-main -->
		</div><!-- .wf-wrap -->

	</div><!-- #main -->

	<!-- !Bottom-bar -->
	<div id="bottom-bar" role="contentinfo">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">

				<div id="branding-bottom" class="wf-td">
					<img src="skins/red/red.bottom-bar-logo-regular.png" width="38" height="48" alt="PressCore: multipurpose HTML framework">
				</div>

				<div class="wf-td">
					<div class="wf-float-left">&copy; 2012&ndash;2013. Dream-Theme &mdash; truly <a href="http://dream-theme.com/" target="_blank">premium WordPress themes</a>.</div>
				</div>

				<div class="wf-td">

					<div class="mini-nav wf-float-right">
						<ul>
							<li><a href="http://support.dream-theme.com/support-policy" target="_blank">Support Policy</a></li>
							<li><a href="http://support.dream-theme.com/" target="_blank">Online Helpdesk</a></li>
							<li><a href="http://themeforest.net/user/Dream-Theme" target="_blank">ThemeForest Profile</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div><!-- .wf-wrap -->
	</div><!-- #bottom-bar -->

</div><!-- #page -->


<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>
<!-- RoyalSlider -->
<script src="royalslider/jquery.royalslider.js"></script>
<script src="js/plugins/pretty-photo/js/jquery.prettyPhoto.js"></script>
<script src="js/plugins.js"></script>

<script src="js/main.js"></script>

<link rel="stylesheet" href="presscore-demo/css/show.css" type="text/css" />
<script type="text/javascript" src="presscore-demo/js/demo.js"></script>
</body>
</html>